.@{prefixCls} {
  &-crumb {
    width: 100%;
    flex: 0 0 40px;
    height: 40px;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    column-gap: 4px;
    .crumb_item {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      column-gap: 4px;
      // max-width: 70px;
      .item_text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: @primaryColor;
        cursor: pointer;
        &.active {
          cursor: default;
          color: #333;
        }
        &:not(.active) {
          &:hover {
            text-decoration: underline;
          }
        }
      }
      // &:first-child,&:last-child{
      //   max-width: 120px;
      // }
      .item_arrow_right {
        font-size: 12px;
        color: #999;
      }

      .item_arrow_left {
        font-size: 12px;
        color: @primaryColor;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
}
